<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<<<<<<< HEAD
    <title>>Bootstrap 实例-进度条</title>
    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.net/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <img id="myimage" onclick="changeImage()" src="C:\Users\Administrator\Desktop\wemeet image_20250326112720846.png" width="450"
    height="300">
    <div class="container">
        <h2>进度条设置文本内容</h2>
        <div class="progress" style="width: 100%; background-color: rgb(243, 6, 6);">
            <div class="progress-bar" style="width: 40%;background-color: rgb(5, 25, 245);">
                40%
            </div>
        </div>
    </div>
    <div style="display: flex;">
    <div  style="width: 300px;height: 500px;background-color:black;">
        <img src= "d:\新建文件夹\wemeet image_20250326112730367.png" width="300px"height="75%">
    <div style="padding: 10px;">
        <p style="font-size:20px;color: white;">Yummy hamburger</p>
        <p style="color: white;">wed Mar 26 2025<br>10:59:27 GMT+0800<br>(中国标准时间)</p>
        <p style="color: white;text-align: right;font-size:20px;margin: -60px 0 0 0;">Operating</p>
    </div>
</div>
<div  style="width: 300px;height: 500px;background-color:black; margin: 0 40px;">
    <img src= "d:\新建文件夹\wemeet image_20250326112730367.png" width="300px"height="75%">
<div style="padding: 10px;">
    <p style="font-size:20px;color: rgb(245, 8, 233);">Yummy hamburger</p>
    <p style="color: rgb(18, 251, 10);">wed Mar 26 2025<br>10:59:27 GMT+0800<br>(中国标准时间)</p>
    <p style="color: rgb(248, 8, 8);text-align: right;font-size:20px;margin: -60px 0 0 0;">Operating</p>
</div>
</div>
</div>

    <script>

    </script>
 <style>
     ul{
        list-style-type: none;
        overflow: hidden;
        margin: 0; 
        padding: 0;
        background-color:white;
        text-transform: none;
    }
    li{
        float: left;
    }
    a{
        display: block;
        color: blue;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
    }
    a:hover{
        background-color: brown;
        border-radius: 10%;
    }
    li a.sfd{
        background-color: green;
        color: aliceblue;
        border-radius: 10%;
    }
    @keyframes progressanimation{
        0%{
            width: 0%;
        }
        100%{
            width: 40%;
        }
    }
    .progress-bar{
        width: 40%;
        background-color: blue;
        height: 30px;
        color: azure;
        line-height: 30px;
        text-align: right;
        padding-right: 10px;
        animation: progressanimation 2s linear;
    }
 </style>
 <ul class="pagination">
    <li><a href="5" >&laquo;</a></li>
    <li ><a href="4">1</a></li>
    <li ><a href="3">2</a></li>
    <li><a href="2">3</a></li>
    <li><a href="1">4</a></li>
    <li><a href="0">5</a></li>
    <li><a href="9">&raquo;</a></li>
</ul>
</body>
</html>
        
=======
    <title>Document</title>
</head>
<body>
    <video width="320" height="240" controls>>
        <source src="D:\Documents\Downloads\抖音2025417-894460.mp4">
        您的浏览器不支持HTM5video 标签。
    </video>
<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化:</p>
<span style="cursor:auto">auto</span><br>
<span style="cursor:crosshair">crosshair</span><br> 
<span style="cursor:default">default</span><br>
<span style= cursor:e-resize >e resize</span><br>
<span style="cursor:help">help</span><br><span style="cursor:move">move</span><br>
<span style="cursor:move">move</span><br>
<span style="cursor:ne-resize">ne-resize</span><br>
<span style="cursor:nwresize">nwresize</span><br>
<span style="cursor:pointer">pointer</span><br>
<span style="cursor:progress">progress</span><br>
<span style="cursor:s-resize">s-resize</span><br>
<span style="cursor:se-resize">se-resize</span><br>
<span style= cursor:sw-resize >sw resize</span><br>
<span style="cursor:text">text</span><br>
<span style= cursor:w-resize >w resize</span><br>
<span style="cursor:wait">wait</span><br> 
        <div style="width:100%;height: 100px;background-color: rgb(223, 8, 238);">
        <p style="width: 5px;height:100px;background-color: red;"></p>
        <p style="margin:-100px 10px;font-size:50px;"><b>Daager!</b>Someetext...</p>
    </div>
         <div style="width: 100%;height:100px;background-color:rgb(218,242,181)">
            <p style="width:5px;height:100px;background-color: green;"></p>
            <p style="margin:-100px 10px;font-size: 50px;"><b>Success!</b>sometext...</p>
        </div>
                <div style="width:100%;height:100px;background-color:rgb(169,170,234)">
                <p style="width:5px;height: 100px;background-color:blue;"></p>
                <p style="margin:-100px 10px;font-size: 50px;"><b>Info!</b>Some text...</p>
            </div>

    
        <div id="mySidenav" class="sidenav">
            <a href="#" id="淘宝">淘宝特卖</a>
            <a href="#" id="京东">京东商城</a>
            <a href="#" id="阿里">阿里精选</a>
            <a href="#" id="天猫">天猫商城</a>
          <div style="margin-left:80px;">
            <h2>快速便签</h2>
            <p>⬅️请将鼠标移动到此处</p>
            <p>👈👨</p>
          </div>
          <style>
        #mySidenav a {
            position: absolute;
            right: -80px;
            transition: 0.3s;
            padding: 15px;
            width: 100px;
               text-decoration: none;
            font-size: 20px;
            color: white;
            border-radius: 0 5px 5px 0;
        }
        
        #mySidenav a:hover {
            right: 0;
        }
        #淘宝 {
            top: 20px;
            background-color: orange;
        }
        
        #京东 {
            top: 80px;
            background-color: red;
        }
        
        #阿里 {
            top: 140px;
            background-color: orange;
        }
        
        #天猫 {
            top: 200px;
            background-color: red;
        }
        </style>
</body>
</html>
>>>>>>> 57390298ac84ff0c1c32cdc022178fcb1e751316
